<template>
	<view class="coupon">
		
		<view class="couponBox">
			<view class="cBleft">
				<text class="">全场九折</text>
				<text class="">新客专享</text>
			</view>
			<view class="cBright">
				<text>新人专享劵</text>
				<text>2019.07.30-2019.08.30</text>
				<text>尤美佳宠物商城</text>
			</view>
		</view>
		
	</view>
</template>

<script>
export default {
	data() {
		return {
			
			goodsList: []
		};
	},
	created() {
	
		
	},

};
</script>

<style scoped>
	
.couponBox{
	width: 90vw;
	height: 15vh;
	background-color: #FFFFFF;box-shadow: 4rpx 4rpx 12rpx 6rpx #eee ;
	margin: 10rpx auto;
	border-radius: 5vh;
	display: flex;
	overflow: hidden;

}
.cBleft{
	background-color: rgb(254, 169, 100);
	display: flex;
	flex-direction: column;
	color: #fff;
	padding:0 30rpx;
	box-sizing: border-box;
	align-items: center;
	justify-content: space-around;
}
.cBleft text:nth-child(1){
	font-size: 36rpx;
	margin-top: 20rpx;
}
.cBleft text:nth-child(2){
	font-size: 20rpx;
	margin-bottom: 20rpx;
	border: 2rpx solid #fff;
	padding: 2rpx;
	border-radius: 4rpx;
}
.cBright{
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	margin-left: 20rpx;
	color: #666;
}
.cBright text:nth-child(1){
	font-size: 36rpx;
}
.cBright text:nth-child(2){
	font-size: 20rpx;
}
.cBright text:nth-child(3){
	font-size: 20rpx;
}

</style>
